<include file="Public:index_header" />
<div class="area-apply">
    <div class="apply-step">
        <h1>{$title}</h1>
    </div>
    <div style="background-color: #f5f5f5;border:1px solid #ccc;border-radius:5px;
height:300px;margin-top:30px;padding:20px;">
        <div>
            <table>
                <eq name="t" value="ns">
                    <tr>
                        <td width="50">姓名：</td>
                        <td width="110"><input name="name" placeholder="必填" type="text" class="input-query" style="width:100px;" /></td>
                        <td width="80" style="padding-left:10px;">身份证号：</td>
                        <td width="150"><input name="idno" placeholder="必填" type="text" class="input-query" /></td>
                        <td width="80" style="padding-left:10px;">房源地址：</td>
                        <td width="220"><input name="no" placeholder="必填" type="text" class="input-query" style="width:200px;" /></td>
                        <td>
                            <input type="hidden" name="t" value="{$t}" />
                            <button onclick="query()" class="query">查 询</button>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="10">
                            <div style="margin-top:20px;color:#ba9d37;font-size:20px;font-weight:bolder;">
                                提示：只有姓名、身份证号、房源地址同时匹配才能查询出结果
                            </div>
                        </td>
                    </tr>
                    <else />
                    <tr>
                        <td width="50">姓名：</td>
                        <td width="150"><input name="name" placeholder="必填" type="text" class="input-query" /></td>
                        <td width="80" style="padding-left:10px;">身份证号：</td>
                        <td width="150"><input name="idno" placeholder="必填" type="text" class="input-query" /></td>
                        <td width="80" style="padding-left:10px;">申请编号：</td>
                        <td width="150"><input name="no" placeholder="必填" type="text" class="input-query" /></td>
                        <td>
                            <input type="hidden" name="t" value="{$t}" />
                            <button onclick="query()" class="query">查 询</button>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="10">
                            <div style="margin-top:20px;color:#ba9d37;font-size:20px;font-weight:bolder;">
                                提示：只有姓名、身份证号、申请编号同时匹配才能查询出结果
                            </div>
                        </td>
                    </tr>

                </eq>
                <tr>
                    <td colspan="10">
                        <h3 id="result" style="color:green;margin-top:100px;height:100px;">

                        </h3>
                    </td>
                </tr>
            </table>
        </div>
    </div>
</div>
<link type="text/css" href="__JS__/autocomplete2/src/jquery.autocomplete.min.css" rel="stylesheet">
<script src="__JS__/autocomplete2/src/jquery.autocomplete.js" type="text/javascript"></script>
<script>
    $('input[name=no]').autocomplete({
        serviceUrl: '/home/index/ajax_SearchHouseByAddr',
        extraParams: {house_addr: $.trim($("input[name=no]").val())},//动态参数值
        paramName: "house_addr",//自定义的参数名 必须和extraParams 参数名相同
        showNoSuggestionNotice: true,
        noSuggestionNotice: '对不起，没有匹配到房源地址',
    });

    function query(){
        var name = $("input[name=name]").val();
        var idno = $("input[name=idno]").val();
        var no = $("input[name=no]").val();
        var t = $("input[name=t]").val();
        $.ajax({
            url:"/Home/index/ajax_QueryProgress",
            data: {name:name, idno:idno, no:no, t:t},
            type:"POST", dataType:"JSON",
            success: function(data){
                $("#result").html(data.info);
            }
        });
    }
</script>
<include file="Public:index_footer" />